<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
    <title>MSPBots teams sync data service</title>
    <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
          integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" rel="stylesheet">


</head>
<body>
<div class="jumbotron">
    <h1 class="display-4">Welcome MSPBots Xero API!</h1>
    <hr class="my-4">
    <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
    <a class="btn btn-primary btn-lg" href="/documentation/swagger-ui/" role="button">Swagger Api Documentation</a>
    <a class="btn btn-primary btn-lg" href="javascript:void(0)"
       onclick="openAdmin()" role="button">Allow access your account</a>
</div>

<script integrity="sha512-/DXTXr6nQodMUiq+IUJYCt2PPOUjrHJ9wFrqpJ3XkgPNOZVfMok7cRw6CSxyCQxXn6ozlESsSh1/sMCTF1rL/g=="
        src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js"
        crossorigin="anonymous"></script>

<script integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
        src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
        crossorigin="anonymous"></script>

<script type="text/javascript" src="https://alcdn.msauth.net/lib/1.3.0/js/msal.min.js"></script>

<script type="text/javascript">
    function openAdmin() {
        window.open('https://login.xero.com/identity/connect/authorize?' +
            'client_id=C3BC34F2CEE64346A32A6DC5F0946576' +
            '&response_type=code' +
            '&redirect_uri=http://localhost:8080/oauth/redirect' +
            '&scope=offline_access accounting.settings.read accounting.reports.read' +
            '&state=1',
            'MSPBots are to get your permission', "width=auto,height=400,resizable,scrollbars=no,status=1");
    }
</script>
</body>
</html>
